<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page import="org.liufeng.course.service.RequestService"%> 
<%@ page import="net.sf.json.*"%> 
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String json = RequestService.getsssw();
System.out.println(json);


%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'chart.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
			<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
		<script type="text/javascript">
function strToJson(str){   
     var json = eval(str);  
     return json;   
}  
	
	
	
	
$(function () {
var url = "http://fhs.fxpt.org:8090/HyDroDataService/service/queryRRChartProcess.action?stcd=1&st=2014-05-10&et=2014-05-15&TMType=2";
	$.getJSON(url,
	  {
	    tags: "cat",
	    tagmode: "any",
	    format: "json"
	  },
	  function(data) {
	  alert(data);
	    $.each(data.items, function(i,item){
	      alert(i+"==="+item);
	    });
	  });
  
  
     var x = '20140501,20140502';
	var json = '<%=json%>';
	var obj = strToJson(json);
	var nameobj;
	var xobj;
	for(i=0;i<obj.length;i++){
		if(obj[i].name=='水位'){
			xobj1 = obj[i].data;
		}
	}
	alert(xobj1[0]);
	nameobj = strToJson('['+nameobj+']');

        $('#container').highcharts({
            title: {
                text: '奉化降水曲线图',
                x: -20 //center
            },
            subtitle: {
                text: '',
                x: -20
            },
            xAxis: {
           		 type: 'datetime',
                categories: nameobj
            },
            yAxis: {
                title: {
                    text: '单位（mm）'
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            tooltip: {
                valueSuffix: '°C'
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'middle',
                borderWidth: 0
            },
            series: [{
                name: '水位',
                data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
            }, {
                name: '库容',
                data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
            }, {
                name: 'Berlin',
                data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
            }, {
                name: 'London',
                data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
            }]
        });
    });
    

		</script>
	</head>
	<body>
<script src="js/highcharts.js"></script>
<script src="js/modules/exporting.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

	</body>
</html>
